let wrapper = document.querySelector('.wrapper')
// 复制ul中的所有li然后再追加到ul末尾两种方法
// let frg=document.createDocumentFragment()
// Array.from(wrapper.children).forEach(element=>{
//     frg.appendChild(element.cloneNode(true))
// })
// wrapper.append(frg)
// frg=null

wrapper.innerHTML += wrapper.innerHTML
utils.css(wrapper, 'width', utils.css(wrapper, 'width') * 2)

// wrapper.appendChild(newUl.childNodes)
/**
 * 动画最佳时间间隔是13-17ms 这里步长是1 时间间隔是13ms
 * 步长越大越快。时间间隔越小越快。
 * 复制ul中的所有li然后再追加到ul末尾
 *
 */
setInterval(() => {
    //   获取当前wrapper的left值
    let curL = utils.css(wrapper, "left") //去单位getcumputerstyle 获取left值
    curL -= 1  //自减30 设置步长
    utils.css(wrapper, "left",curL)  //重新设置left的值  先减在赋值。
    //     utils.css(wrapper, "left", utils.css(wrapper, "left") - 1)
    // 实现无缝：当ul距离

    if (Math.abs(wrapper.offsetLeft) >= utils.css(wrapper, 'width')/2 ) {
        utils.css(wrapper, 'left', 0)
    }
}, 13)
